<template>
  <!-- 组件化订单页 组件聚合-->

  <!-- 标题 -->
  <Title :text="'Fulfill by ScaleOrder'" />
  <!-- 数据搜索 -->
  <SearchDom />
  <!-- 添加/筛选 -->
  <AddScreen />
  <!-- 表格/Tab/Total -->
  <OrderTabTable type="ScaleOrder" :tableTabs="tableTabs" />

  <!-- end -->
</template>

<script lang="ts" setup>
import { ref } from "vue";

const tableTabs = ref([
  {
    title: `Unfulfilled(${0})`,
    name: 0,
    key: "Unfulfilled",
  },
  {
    title: "Awaiting confirm(0)",
    name: 1,
    key: "AwaitingConfirm",
  },
  {
    title: "Processing(0)",
    name: 3,
    key: "Processing",
  },
  {
    title: "Fulfilled(0)",
    name: 2,
    key: "Fulfilled",
  },

  {
    title: "Dispute(0)",
    name: 4,
    key: "Dispute",
  },
  {
    title: "Refunded(0)",
    name: 5,
    key: "Refunded",
  },
  {
    title: "Abandoned(0)",
    name: 6,
    key: "Abandoned",
  },
]);
// import Alert from "@/components/alert.vue";
import Title from "@/components/title.vue";
import SearchDom from "@/components/search.vue";
import OrderTabTable from "@/components/OrderTable/orderTabTable.vue";
import AddScreen from "@/components/OrderTable/addScreen.vue";
</script>
<style scoped></style>
